<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8" />
    <meta name="renderer" content="webkit" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <title>50bus-创意发布</title>
    <meta name="keywords" content="50bus" />
    <meta name="copyright" content="50bus.com" />
    <!-- <meta http-equiv="mobile-agent" content="http://www.50bus.com/" />
    <link rel="search" type="application/opensearchdescription+xml" href="/opensearch.xml" /> -->
    <link rel="icon" href="/favicon.ico" type="image/x-icon" />
    
    <link rel="stylesheet" type="text/css" href="../css/base.css" media="all" />
    <link rel="stylesheet" type="text/css" href="../css/globe.css" media="all" />


    <link href="../static/css/bootstrap.css" rel="stylesheet" media="screen"/>
    <link rel="stylesheet" href="../static/css/ipaper.css" type="text/css">

    <link rel="stylesheet" type="text/css" href="../css/module-creative.css" media="all" />
    <script type="text/javascript" src="../js/jquery-1.9.1.min.js"></script>

    <!-- <script type="text/javascript" src="../static/js/jquery-1.4.4.min.js"></script> -->
    <script type="text/javascript" src="../static/js/processing.js"></script>
    <script type="text/javascript" src="../static/js/pixastic.core.js"></script>
    <script type="text/javascript" src="../static/js/pixastic.jquery.js"></script>
    <script type="text/javascript" src="../static/js/brightness.js"></script>
    <script type="text/javascript" src="../static/js/desaturate.js"></script>
    <script type="text/javascript" src="../static/js/main.js"></script> 

    <script type="text/javascript">
        var $SCRIPT_ROOT = { request.script_root|tojson|safe };
    </script>
</head>

<body>
<div class="header_wrap">
    <div class="header clearfix">
        <div class="fm980 fl clearfix">
            <a href="index.html" class="logo fl"></a>
            <ul class="nav_box fl">
                <li><a href="">形象创意</a></li>
                <li><a href="">剧本创作</a></li>
                <li><a href="">动画渲染</a></li>
                <li><a href="">创意助手</a></li>
            </ul>
            <div class="about_box fr">
                <a href="">关于我们</a>
                <a href="">注册</a>
                <a href="" class="cur">登录</a>
            </div>
        </div>
    </div>
</div>

<div class="body_wrap">
    <div class="box_2 box_3" style="overflow:hidden;">
        <div class="handle_bar">
            <div class="fm980 clearfix">
                <a class="btn_com_red fl" href="javascript:;"><i class="icon_add"></i>创意发布</a>
                
                <div class="searchbox fr">
                    <input type="button" value="" class="sc_btn sc_draw_btn sc_draw_btn_cur fl" />
                    <input type="text" class="sc_txt fl" style="display:none;" />
                    <input type="button" value="" class="sc_btn sc_txt_btn fl" />
                </div>
            </div>
        </div>

        <!-- 画板 -->
        <div class="draw_board">
            <b class="def_txt"></b>
            <div id="dropzone" class="vbox"></div>  
            <div id="dropImg"></div>
            
            <canvas id="shadowImg" width="750" height="290"></canvas>
            
            <div id="slide" style="display:none">
                <div class="slides">
                    <canvas id="whiteboard0" resize  class="wboard step slide rebuild present"></canvas>
                    <canvas id="whiteboard1" resize class="wboard step slide rebuild future"></canvas>
                    <canvas id="whiteboard2" resize class="wboard step slide rebuild"></canvas>
                    <canvas id="whiteboard3" resize class="wboard step slide rebuild"></canvas>
                    <canvas id="whiteboard4" resize class="wboard step slide rebuild"></canvas>
                    <canvas id="whiteboard5" resize class="wboard step slide rebuild"></canvas>
                    <canvas id="whiteboard6" resize class="wboard step slide rebuild"></canvas>
                    <canvas id="whiteboard7" resize class="wboard step slide rebuild"></canvas>
                    <canvas id="whiteboard8" resize class="wboard step slide rebuild"></canvas>
                    <canvas id="whiteboard9" resize class="wboard step slide rebuild"></canvas>
                </div>
            </div>
            <div id="loading" style="display:none;">
                <img src="../static/images/loading.gif"/>
            </div>
            
            <ul class="buttons br-b10" style="display:none;">
                <li><button type="button" class="brushBtn sel"></button></li>
                <li><button type="button" class="eraseBtn"></button></li>
                <li><button type="button" class="clearBtn"></button></li>
                <li class="line"></li>
                <li><button type="button" class="searchBtn"></button></li>
                <li><button type="button" class="closeBtn"></button></li>
            </ul>
            <div id="imgs">
                
            </div>

        </div>

        <div class="box_bd">
            <div class="fm980">
                <ul class="works_show_list clearfix">
                    <li>
                        <div class="works_show">
                            <div class="works_img"><img src="../img/eg_works_214.png" /></div>
                            <div class="works_type_box clearfix">
                                <span class="works_type fl">卡通类</span>
                                <span class="like_box fr">56 <b class="fav_heart"></b></span>
                            </div>
                            <div class="works_name">乌龙小子之勇闯乐活岛</div>
                            <i class="icon_new"></i>
                            <i class="price_box">&yen;50</i>
                        </div>
                        <p class="user_name clearfix">
                            <img class="r10 fl" src="../img/eg_user_img.png" /><span class="fz14 ml5 fl">西厢妙词</span>
                        </p>
                    </li>
                    <li>
                        <div class="works_show">
                            <div class="works_img"><img src="../img/eg_works_214.png" /></div>
                            <div class="works_type_box clearfix">
                                <span class="works_type fl">卡通类</span>
                                <span class="like_box fr">56 <b class="fav_heart"></b></span>
                            </div>
                            <div class="works_name">乌龙小子之勇闯乐活岛</div>
                            <i class="icon_new"></i>
                            <i class="price_box">&yen;50</i>
                        </div>
                        <p class="user_name clearfix">
                            <img class="r10 fl" src="../img/eg_user_img.png" /><span class="fz14 ml5 fl">西厢妙词</span>
                        </p>
                    </li>
                    <li>
                        <div class="works_show">
                            <div class="works_img"><img src="../img/eg_works_214.png" /></div>
                            <div class="works_type_box clearfix">
                                <span class="works_type fl">卡通类</span>
                                <span class="like_box fr">56 <b class="fav_heart"></b></span>
                            </div>
                            <div class="works_name">乌龙小子之勇闯乐活岛</div>
                            <i class="icon_new"></i>
                            <i class="price_box">&yen;50</i>
                        </div>
                        <p class="user_name clearfix">
                            <img class="r10 fl" src="../img/eg_user_img.png" /><span class="fz14 ml5 fl">西厢妙词</span>
                        </p>
                    </li>
                    <li>
                        <div class="works_show">
                            <div class="works_img"><img src="../img/eg_works_214.png" /></div>
                            <div class="works_type_box clearfix">
                                <span class="works_type fl">卡通类</span>
                                <span class="like_box fr">56 <b class="fav_heart"></b></span>
                            </div>
                            <div class="works_name">乌龙小子之勇闯乐活岛</div>
                            <i class="icon_new"></i>
                            <i class="price_box">&yen;50</i>
                        </div>
                        <p class="user_name clearfix">
                            <img class="r10 fl" src="../img/eg_user_img.png" /><span class="fz14 ml5 fl">西厢妙词</span>
                        </p>
                    </li>
                    <li>
                        <div class="works_show">
                            <div class="works_img"><img src="../img/eg_works_214.png" /></div>
                            <div class="works_type_box clearfix">
                                <span class="works_type fl">卡通类</span>
                                <span class="like_box liked_box fr">56 <b class="fav_heart"></b></span>
                            </div>
                            <div class="works_name">乌龙小子之勇闯乐活岛</div>
                            <i class="icon_new"></i>
                            <i class="price_box">&yen;50</i>
                        </div>
                        <p class="user_name clearfix">
                            <img class="r10 fl" src="../img/eg_user_img.png" /><span class="fz14 ml5 fl">西厢妙词</span>
                        </p>
                    </li>
                </ul>
                
                <div class="page_box mb40">
                    <a class="first" href="javascript:;">&lt;&lt;</a>
                    <a class="prev" href="javascript:;">&lt;</a>
                    <a href="javascript:;">1</a>
                    <a href="javascript:;">2</a>
                    <a class="cur" href="javascript:;">3</a>
                    <span>……</span>
                    <a href="javascript:;">8</a>
                    <a href="javascript:;">9</a>
                    <a class="next" href="javascript:;">&gt;</a>
                    <a class="last" href="javascript:;">&gt;&gt;</a>
                </div>
            </div>

        </div>

    </div>
</div>

<div class="footer">
    <div class="fm980 clearfix">
        <img class="fl" src="../img/foot_text.png" />
        <div class="copy_box fr">
            <p>版权所有 2014 50bus Corporation. 保留一切权利</p>
            <p><a href="">服务条款</a><a href="">隐私条款</a><a href="">法律条款</a></p>
        </div>
    </div>
</div>

<script type="text/javascript" src="../js/page-creative-list.js"></script>

</body>

</html>